<template>
    <view>
        
        <view class="lz-status_bar" style="background-color: #38a7f8;">
        	<view class="lz-top_view"></view>
        </view>
        
        <view class="kaoshi-head">
        	<view class="kaoshi-head-top">
        		<view class="kaoshi-head-left"></view>
        		<view class="kaoshi-head-m"style="color:#ffffff;">升本备考题库</view>
        	</view>
        </view>
       
        
			
		<view class="evertop">
				
			<navigator url="/pagesa/citys/citys" style="display: flex;align-items: center;justify-content: center;margin-left: 20rpx;">
					<image src="http://shuati26.kptedu.com/uploads/image/address.png" style="width: 25px;height: 25px;"></image>
					<text style="margin: 10rpx;" v-if="cityName">{{cityName}}</text>
					<text v-else >切换省份</text>
					<image src="../../static/img/add-icon.png" style="width: 30rpx;height: 30rpx;"></image>
			</navigator>
				
				
			<view class="top-nav">
					距2023年{{cityName}}专升本考试
					<text >{{diff_days}}</text>天
			</view>
		</view> 
        
		<!--大图 轮播-->
		<view class="kaoshi-head-banner" >
		     <swiper 
		             class="swiper"
		             :indicator-dots="swiper_config.indicatorDots"
		             :autoplay="swiper_config.autoplay"
		             :interval="swiper_config.interval"
		             :duration="swiper_config.duration"
		     >
		         <swiper-item v-for="(item, index) in swiper_list" :key="index" @tap="goUrl(item.url)" > 
		             <view class="page-section swiper" >
		                 <view  class="page-section-spacing">
							 <img :src="item.image"  />
						</view>
		             </view>
		         </swiper-item>
		     </swiper>
		</view>
		<!-- <view style="color:#ff6a78;width: 70rpx;">通知</view> -->
		<view style="display:flex;width:80%;font-size:28rpx;margin: 0 auto;margin-top :20rpx;">
			
			<view  style="width:8%;">
				<image src="../../static/img/tongzhi.png" style="width:40rpx;height:40rpx;" mode=""></image>
			</view>
			<view @tap="goUrl(notice_address)" style="width:100%; height:40rpx;line-height:40rpx;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;color:#666;margin-left:6rpx;">  
			<uniNoticeBar  speed="12" scrollable
							:text='announcement' /> 
			</view>
		</view>

		<view class="tan" v-if="showModal">
			<view class="tan-mask" @tap="isShowModal"></view>
			<view class="tan-modal">
				<view class="tan-title">
					<view>{{current_exam.exam_name}}</view>
				</view>
				<view class="tan-content">
					<view class="exam-tan-content">
						<view class="exam-tan-content-flex">
							<span>题数</span>
							<view>{{current_exam.num}}题数</view>
						</view>
						<view class="exam-tan-content-flex">
							<span>总分</span>
							<view>{{current_exam.score}}分</view>
						</view>
						<view class="exam-tan-content-flex">
							<span>参考时间</span>
							<view>{{current_exam.givetime}}分钟</view>
						</view>
						<view class="exam-tan-content-flex">
							<span>模式</span>
							<view>模拟试卷</view>
						</view>
					</view>
					<view class="exam-tan-button"
						  @tap="examBegin(current_exam)">开始答题
					</view>
				</view>
			</view>
		</view>
	<!--新+-->
	<view class="day-rate-wrap">
	    <view style="height: 10rpx; background-color:#f7f8fa"></view>
	    <view class="day-rate">
	        <view class="flex">
	            <view class="top">坚持天数</view>
	            <view class="mid">{{ count_day.count_day }}</view>
	            <view class="bot">排名{{ count_day.count_day_rank }}名</view>
	        </view>
	        <view class="center"></view>
	        <view class="flex">
	            <view class="top">刷题正确率</view>
	            <view class="mid">{{ rate.rate }}%</view>
	            <view class="bot">排名{{ rate.rate_rank }}名</view>
	        </view>
	    </view>
	    <view style="height: 10rpx; background-color:#f7f8fa"></view>
	</view>
	
	<view class="option_wrap">
	    <view class="option">
			<view class="option_lt">
	            <view  class="nav_child">
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/random-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[0].title }}</view>
	                    </button>
	                </form>
	            </view>
				
	            <view  class="nav_child" @tap="$openrul('/pagesa/my/studyrecord/studyrecord?from_type=1&subject_id='+subject_id)" >
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image src="../../static/img/special-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[1].title }}</view>
	                    </button>
	                </form>
	            </view>
	        </view>
			
	        <view class="option_con" >
				<navigator open-type="switchTab" url="/pages/questionBank/index">
	            <view class="option_practice">
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit" style="color: #ffffff">
	                        <view class="option_practice_bg_big">
	                            <view class="option_practice_bg">
	                                <view class="tit" style="margin-top:79rpx;">开始刷题</view>
	                                <!-- <view class="num">{{ total == 0 ? '0' : last_id + 1 > total ? total : last_id + 1 }}/{{ total }}</view> -->
	                            </view>
	                        </view>
	                    </button>
	                </form>
	            </view>
				</navigator>
	        </view>
			
	        <view class="option_rt">
	            <view  class="nav_child" @tap="navTo('/pagesa/my/wrongQuestion/index?type=1&currentId='+currentId+'&subject_id='+subject_id)">
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/nodone-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[4].title }}</view>
	                    </button>
	                </form>
	            </view>
	            <view  class="nav_child" @tap="navTo('/pagesa/my/collect/index?type=1&currentId='+currentId+'&subject_id='+subject_id)" >
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/myerror-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[5].title }}</view>
	                    </button>
	                </form>
	            </view>
	        </view>
			
	    </view>
	</view>
	<view style="height: 10rpx; background-color:#f7f8fa"></view>
	<view class="option_wrap">
	    <view class="option">
			<view class="option_lt">
	            <view @tap="navTo('/pagesa/my/recording/index?type=0&currentId='+currentId+'&subject_id='+subject_id)" class="nav_child" >
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/questiontype-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[2].title }}</view>
	                    </button>
	                </form>
	            </view>
	            <view  class="nav_child"  @tap="navTo('/pages/examination/examrecord/examrecord?type=2&currentId='+currentId+'&subject_id='+subject_id)" >
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/conquered-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[3].title }}</view>
	                    </button>
	                </form>
	            </view>
	        </view>
	        <view class="option_con" style="margin-top:-40rpx">
				<navigator open-type="switchTab" url="/pages/examination/index">
					<view @tap="goExam()" class="option_practice ks">
						<form @submit="registerFormSubmit" :reportSubmit="true">
							<button class="confirmbtn" formType="submit" style="color: #ffffff">
								<view class="option_practice_bg_big ks">
									<view class="option_practice_bg ks">在线考试</view>
								</view>
							</button>
						</form>
					</view>
				</navigator>
	        </view>
			
	        <view class="option_rt">
	            <view class="nav_child" >
	                <form @submit="registerFormSubmit" :reportSubmit="true"  @click="goto_system_class()">
	                    <button class="confirmbtn" formType="submit">
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/knowlge-pic.png" ></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[6].title }}</view>
	                    </button>
	                </form>
	            </view>
	            <view  class="nav_child"  @tap="navTo('/pages/examination/examinationList/index?type=1&currentId='+currentId+'&subject_id='+subject_id)" >
	                <form @submit="registerFormSubmit" :reportSubmit="true">
	                    <button class="confirmbtn" formType="submit" >
	                        <view class="nav_child_img">
	                            
	                            <image  src="http://shuati26.kptedu.com/uploads/image/difficultproblem-pic.png"></image>
	                        </view>
	                        <view class="nav_child_tit">{{ icons[7].title }}</view>
	                    </button>
	                </form>
	            </view>
	        </view>
	    </view>
	</view>
	<view style="height: 10rpx; background-color:#f7f8fa"></view>
	<view  class="jhm-wrap">
	    <view class="jhm">
	        <view class="lt">升本考试时间</view>
	        <view class="rt">
	           {{upgrade_time_text}}
	            <image src="../../static/img/right-arrow.png"></image> 
	        </view>
	    </view>
	</view>
	<view class="jhm-wrap" >
	    <view class="jhm">
	        <view class="lt">期末考试提醒</view>
	        <view class="rt">
				<!-- {{ countdown.countdown }}
	            {{ countdownTime }} -->
				<text >{{end_of_term_time_text}}</text>
	            <image src="../../static/img/right-arrow.png"></image>
	        </view>
	    </view>
	</view>
	<view style="height: 6rpx;background-color:#f7f8fa"></view>
	
	<view class="tan" v-if="showModaljh">
		<view class="tan-mask" @tap="isShowModaljh"></view>
		<view class="tan-modal">
			<view class="tan-title">
				<view>激活码</view>
			</view>
			<view class="tan-content">
				 <view class="">
				 	<input  @input="onInput" style="padding:16rpx;margin-top:20rpx;border:1px solid #eee;text-align:left" type="text" value="" placeholder="请输入激活码" />
				 </view>
				<view class="exam-tan-button"
					  @tap="submitCode()">确定
				</view>
			</view>
		</view>
	</view>
	
	<!-- <view v-for="(item, index) in list" :key="index" class="kaoshi-tiku" style="margin-bottom:10px;">
	    <view style=" height:53px;border-radius:10px; box-shadow: 0 0 5px #ddd; margin-top:20rpx" class="kaoshi-tiku-content"  @tap="goto_detail(item,'1')">
	        <view class="kaoshi-tiku-content-flex">
	            <view class="kaoshi-tiku-content-top">
	                <view>{{item.name}}</view>
	            </view>
	        </view>
	        <view class="kaoshi-tiku-content-flex"  >
	            <view class="kaoshi-tiku-content-bottom">
	                <view class="iconfont icon-dui2"></view>
	                <view class="pub-gray" style="color:#333">共{{item.total_num}}题</view>
	            </view>
				
				<view style="color:#fff;position:relative;top:-10px; font-size:14px;background:#abcdfb;padding:5px 10px;border-radius:20px">
				    开始练习
				</view>
				
	        </view>
	    </view>
	
	</view> -->
	<!-- 广告弹窗 -->
	<u-overlay  :opacity="0.7" :show="overlayshow" @click="overlayshow = false">
		<view class="warp" >
			<view class="rect" @tap.stop="$openrul('/pagesa/auth/qrcode/qrcode?service_image='+service_image+'&service_wxcode='+service_wxcode)">
				<image src="http://shuati26.kptedu.com/uploads/image/indextc.png" style="width: 100%;
						height: 100%;"></image>
			</view>
			<u-icon color="#ffffff" size="30" top="30rpx" name="close-circle" @click.stop="overlayshow = false" ></u-icon>
		</view>
	</u-overlay>
	<!-- 考试年份 -->
	
	<view  style="position: absolute;left: 210rpx;color: #000;">
		<picker @change="bindPickerChange" :value="index" :range="array">
			<view class="uni-input">{{array[index]}}</view>
		</picker>
	</view>
	
   </view>
</template>
<script>
    import {mapState} from 'vuex';
    import Error from '@/core/untils/error/index';
	import uniNoticeBar from "@/components/uni-notice-bar/uni-notice-bar.vue";

    export default {
        data() {
            return {
				subject_id:"",
				showModaljh:!1,
				setCode:'',
				total: 0,
				icons: [
					{title:'刷知识点'},
					{title:'学习记录'},
					{title:'考试错题'},
					{title:'考试记录'},
					{title:'我的错题'},
					{title:'我的收藏'},
					{title:'阶段测评'},
					{title:'考试真题'},
				],
				
				countdown: {
				    countdown: '期末考试提醒'
				},
				countdownTime: 0,
				count_day: {
				    count_day: '100',
				    count_day_rank: '100'
				},
				rate: {
				    rate: '99',
				    rate_rank: '999'
				},
				title: '123',
				status: 0,
				icon: '111',
				/**/
				
				cityName:'',
				user_info:{},
                swiper_list: [],
                swiper_config: {
                    indicatorDots: true,
                    autoplay: true,
                    interval: 2000,
                    duration: 500,
					circular:true, 
                },
				showModal: false,
                list: [],
				examList:[],
				subList:[],//科目列表
				currentId:0,  
				error_num:0,
				fav_num:0,
				current_exam:[],
				exam_num:0,
				subject_id:"",
				notice:'',
				notice_address:'',
				/**/
				overlayshow: true,
				end_of_term_time_text:'',
				service_image:'',
				service_wxcode:'',
				upgrade_time_text:'',
				announcement:'',
				diff_days:'',
				popupshow:false,
				joinip:'',
				array: ['2022', '2023', '2024', '2025','2026'],
            };
        },
		
        onShow() { 
			if(uni.getStorageSync('choose_cityName')!=this.cityName){
				this.cityName = uni.getStorageSync('choose_cityName')
				this.indexData()
			}else{
				//uni.setStorageSync('choose_cityName','北京')
				//this.cityName = '北京'
			}
			if (this.$myConfig.mode == 3 && this.userinfo.token) { 
			     this.getUserInfo();
				
			}
			
			
			// this.get_sub_record() 
			//if(this.userinfo){
				// this.get_exam_list()
			//}
			//this.overlayshow=true
        },  
		onReady(){
		uni.setNavigationBarColor({
		    frontColor: '#000000',
		    backgroundColor: '#38a7f9',
		    animation: {
		        duration: 400,
		        timingFunc: 'linear'
		    }
		  })
		  uni.setStorageSync('joinip',this.joinip)
		},
		
		onLoad(){ 
			 
			if(uni.getStorageSync('choose_cityName')!=this.cityName){
				this.cityName = uni.getStorageSync('choose_cityName')
				this.indexData()
				//弹框延迟一秒
				
			}
			//if(uni.getStorageSync('joinip')===this.joinip){
				
			//}
			
			// this.get_lunbo_list(); 
			// this.getSub(); 
			//this.setting(); 
			// #ifdef MP-WEIXIN
			wx.showShareMenu({
				withShareTicket: true
			})
			// #endif
			
			uni.$on('overlayshow',overlayshow=>{
				this.overlayshow = overlayshow
			})
			
			         
			
		},
		onUnload(){
			uni.$off('overlayshow')
		},
        computed: {
            ...mapState(['subject', 'userinfo']),
            static_media() {
                return {
                    img01: this.$myConfig.localMedia + 'http://shuati26.kptedu.com/uploads/image/index-icon1.png',
                    img02: this.$myConfig.localMedia + 'http://shuati26.kptedu.com/uploads/image/index-icon2.png',
                    img03: this.$myConfig.localMedia + 'http://shuati26.kptedu.com/uploads/image/index-icon3.png',
                    img04: this.$myConfig.localMedia + 'http://shuati26.kptedu.com/uploads/image/index-icon4.png',
                    img05: this.$myConfig.localMedia + '/static/img/home-tk.png',
					kong: this.$myConfig.localMedia + '/static/img/txk.png',
					lianxi: this.$myConfig.localMedia + '/static/img/lianxi.png',
					jiantou: this.$myConfig.localMedia + '/static/img/jiantou.png',
                };
            }
        },
		components: { 
		     uniNoticeBar,
			 
			
		},
        methods: {
			
			async indexData(){
				
				let res = await this.$myHttp.post({
					url: this.$myHttp.urlMap.indexData,
					data: {
						province:uni.getStorageSync('choose_cityName'),
					},
					needLogin: true
				});
				
				if (res.code === 1) {
					this.swiper_list=res.data.data.slideshow
					var end_of_term_time_text=res.data.data.end_of_term_time_text
					this.service_wxcode=res.data.data.service_wxcode
					var upgrade_time_text=res.data.data.upgrade_time_text
					this.announcement=res.data.data.announcement
					this.service_image=res.data.data.service_image
					this.diff_days=res.data.data.diff_days
					this.end_of_term_time_text=end_of_term_time_text.slice(0,11)
					this.upgrade_time_text=upgrade_time_text.slice(0,11)
					uni.setStorageSync('diff_days',this.diff_days)
				}else{
					this.swiper_list=""
					this.end_of_term_time_text=""
					this.service_wxcode=""
					this.upgrade_time_text=""
					this.announcement=""
					this.service_image=""
					this.diff_days=""
					
					uni.setStorageSync('diff_days',' ')
				}
				
			},
			
			//跳转
			navTo(url){
				if (this.$myUserLogin.getToken()){
					this.$openrul(url)
				}else {
					Error.errorNotLoggedIn();
				}
			},
			
			
			
			//826xin+
			registerFormSubmit: function (t) {
			    if (uni.getStorageSync('uid')) {
			        e.getFormid({
			            uid: uni.getStorageSync('uid'),
			            formid: t.detail.formId
			        })
			            .then(function (t) {})
			            .catch(function (t) {});
			    }
			},
			
			currentIndex:function(e){
				
				this.currentId=e.detail.current
				this.subject_id= this.subList[e.detail.current].id
				
				this.$store.commit('setSubject', { subject: { id: this.subList[e.detail.current].id, currentId:this.currentId,subject_name: this.subList[e.detail.current].subject_name,subject_list:this.subList } })
				// this.get_tiku_list(); 
				// this.get_sub_record() ;
				// this.get_exam_list()
			},
			async swtichtab(){
				//console.log(this.subject_id,'this.subject_id')
				getApp().globalData.id = this.subject_id; 
				uni.switchTab({
				  url: "/pages/examination/index"
				})
			}, 
			async goUrl(url){
				uni.navigateTo({
				  url:'/pagesa/my/vip/webview?url=' + url
				})
	        },
		
			
			isShowModal: function () {
				this.showModal = !this.showModal
			},
			
			
			async getUserInfo() {
			    let res = await this.$myHttp.post({
			        url: this.$myHttp.urlMap.userInfo,
			        needLogin: true
			    })
			    if (res.code == 1) {
			        this.user_info = res.msg
					this.joinip=res.msg.joinip
					
			    }
			},
           
			
			async get_sub_record() { 
			    let res = await this.$myHttp.post({
			        url: this.$myHttp.urlMap.recordList,
			        data: {
			            subject_id: this.subject.id || this.subList[0].id,  
			        },
					needLogin: true
			    });
				//console.log(res,'subrecord')
				if (res.code === 1) {
				    this.error_num=res.data.error_count;
				    this.fav_num=res.data.fav_count;
				    this.exam_num=res.data.exam_count
				}
				
			     
			},
           
            //跳转前需要登录
            navTo(url) {
                if (this.$myUserLogin.getToken()) {
                    this.$openrul(url)
                } else {
                    Error.errorNotLoggedIn();
                }
            },
			goto_system_class(){
				uni.showModal({
					title:'糟糕，阶段测评针对系统班学员快去成为学员吧',
					 cancelText:'暂时不了',
					 confirmText:'系统班',
					success: function (res) {
						if (res.confirm) {
							uni.navigateTo({
								url:'/pagesa/my/systemCalss/systemCalss'
							})
						}
						
					}
				})
				
			},
			bindPickerChange: function(e) {
			            //console.log('picker发送选择改变，携带值为', e.detail.value)
			            this.index = e.detail.value
			        },
        }
    };
</script>
<style>
	.day-rate {
	    position: relative;
	    overflow: hidden;
	    padding: 8rpx 0;
	}
	.evertop{
		padding:26rpx 10rpx;
	}
	
	.day-rate .center {
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    margin: auto;
	    width: 8rpx;
	    height: 80rpx;
	    background: #4e9bf5;
	}
	
	.day-rate .flex {
	    float: left;
	    width: 50%;
	    text-align: center;
	}
	
	.day-rate .flex .top {
	    height: 40rpx;
	    line-height: 40rpx;
	    font-size: 14px;
	    color: #666;
	}
	
	.day-rate .flex .mid {
	    height: 36rpx;
	    line-height: 36rpx;
	    font-size: 14px;
	    color: #4e9bf5;
	}
	
	.day-rate .flex .bot {
	    height: 40rpx;
	    line-height: 36rpx;
	    font-size: 12px;
	    color: #898989;
	}
	
	.jhm-wrap {
	    padding: 0 78rpx 0 72rpx;
	    box-sizing: border-box;
	    border-bottom: 1px solid #f5f5f5;
	}
	
	.jhm-wrap .jhm {
	    font-size: 30rpx;
	    color: #666;
	    height: 92rpx;
	    line-height: 92rpx;
	    overflow: hidden;
	}
	
	.jhm-wrap .jhm .lt {
	    float: left;
	}
	
	.jhm-wrap .jhm .rt {
	    float: right;
	    font-size: 26rpx;
	    color: #999;
	}
	
	.jhm-wrap .jhm .rt image {
	    display: inline-block;
	    width: 9rpx;
	    height: 15rpx;
	    margin-left: 23rpx;
	}
	
	button {
	    background: #fff;
	    padding: 0;
	    margin: 0;
	    font-size: 14px;
	    line-height: 36rpx;
		
	}
	button::after{
		border: none;
	}
	
	.option_wrap {
	    width: 100%;
	    padding: 0 60rpx;
	    box-sizing: border-box;
	}
	
	.option_wrap .option {
	    width: 100%;
	    padding: 0 140rpx;
	    box-sizing: border-box;
	    position: relative;
	    height: 320rpx;
	    overflow: hidden;
	    margin-top: 30rpx;
	}
	
	.option_wrap .option .option_lt {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 140rpx;
	}
	
	.option_wrap .option .option_con {
	    width: 100%;
	    text-align: center;
	    color: #fff;
	    font-size: 30rpx;
	}
	
	.option_wrap .option .option_rt {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 140rpx;
	}
	.nav_child {
	    text-align: center;
	    margin-bottom: 20rpx;
	}
	
	.nav_child .nav_child_img {
	    margin-top: 10rpx;
	    display: inline-block;
	    vertical-align: top;
	    width: 140rpx;
	    height: 80rpx;
	    text-align: center;
	    position: relative;
	    overflow: hidden;
	}
	
	.nav_child .nav_child_img image {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    width: 80rpx;
	    height: 80rpx;
	}
	
	.nav_child .nav_child_tit {
	    text-align: center;
	    margin-top: 10rpx;
	    display: inline-block;
	    vertical-align: top;
	    font-size: 28rpx;
	    width: 100%;
	    color: #333;
	}
	
	.option_con .option_practice {
	    width: 100%;
	    margin-top: 36rpx;
		
	}
	
	.option_con .option_practice .option_practice_bg_big {
	    display: inline-block;
	    width: 210rpx;
	    height: 210rpx;
	    background: linear-gradient(180deg, rgba(136, 200, 255, 0.2), rgba(59, 141, 241, 0.2));
	    border-radius: 50%;
	    position: relative;
	}
	
	.option_con .option_practice .option_practice_bg_big .option_practice_bg {
	    width: 190rpx;
	    height: 190rpx;
	    background: linear-gradient(180deg, #88c8ff, #3b8df1);
	    border-radius: 50%;
	    position: absolute;
	    top: 10rpx;
	    left: 10rpx;
	}
	
	.option_con .option_practice.ks {
	    width: 100%;
	    margin-top: 84rpx;
	}
	
	.option_con .option_practice .option_practice_bg_big.ks {
	    background: linear-gradient(180deg, rgba(112, 239, 207, 0.2), rgba(68, 219, 182, 0.2));
	}
	
	.option_con .option_practice .option_practice_bg_big .option_practice_bg.ks {
	    line-height: 190rpx;
	    background: linear-gradient(180deg, #70efcf, #44dbb6);
	}
	
	.option_con .option_practice .option_practice_bg_big .option_practice_bg .tit {
	    margin-top: 56rpx;
	}
	
	.option_con .option_practice .option_practice_bg_big .option_practice_bg .num {
	    font-size: 32rpx;
	}
	
	
	
	
	
	/**/
	.icon-shijian1 {
		color: #3c7bfc;
		font-size: 18px;
		padding-right: 2px;
	}
	 
	.scroll-view-item_H{
		width:48%;
		display:inline-block;
		margin-left:30rpx;
		padding:30rpx 30rpx;
		/* height:160rpx; */
		background:#fff;border-radius:20rpx;
		box-shadow: 0 0 4px #ddd;
		/* border:1px solid red; */
	}
	.swiper-block{
		  height: 450rpx; 
	/*  height: 560rpx; */
	  width: 100%;
	  
	  }
	  
	  .swiper-item{
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: flex-start;
	  overflow:unset;
	  
	  }
	  .uni-noticebar.data-v-24a05de4 {
		  padding:0 !important;
		  background:transparent !important
       }
	  .slide-image{
	   height:280rpx !important;
	   width:280rpx !important;
	  /* height:500rpx !important; 
	  width:375rpx !important;*/
	  border-radius: 30rpx;
	  /* box-shadow: 0px 0px 10rpx rgba(0, 0,0,.2); */
	  margin: 0rpx 30rpx;
	  z-index: 1;
	  
	  }
	  
	  .active{
	  transform: scale(1.3);
	  transition:all .2s ease-in 0s;
	  z-index: 20;
	  height:330rpx !important; 
	  }

    page { 
       background: #fff;
    }
	.swipers{
		height:400rpx;
	}
 

	.num{
		font-size:40rpx;
		font-weight:bold;
	}

  
	.num_text{
		font-size:24rpx;
		margin-top:10rpx
	}

    
    .kaoshi-head-banner {
        background: #f7f8fa;
        width: 100%;
        box-shadow: 0 3px 8px rgb(0 0 0 / 11%);
        height: 100%;
        margin-top: 127px;
    }

    .kaoshi-head-banner img {
        width: 100%;
        height: 140px;
        
    }

    .kaoshi-head-banner .uni-swiper-dot-active::before {
        background: #3c7bfc !important;
    }

    .swiper {
        height: 140px !important;
    }

    .kaoshi-index-nav {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 14px;
        color: #605d70;
        padding: 4px 0 16px;
        z-index: 10000;
    }

    .kaoshi-index-nav .kaoshi-index-nav-flex {
        flex: 1;
    }

    .kaoshi-index-nav-img {
        width: 32px;
        height: 32px;
    }

    .kaoshi-tiku-title {
        width: 92%;
        margin: 0 auto;
        padding: 12px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .kaoshi-tiku-title-l {
        display: flex;
        font-weight: bold;
        font-size: 17px;
    }
    .kaoshi-tiku-title-r {
        color: #000;
        border: solid 1px #d8d8d8;
        padding: 5px 13px;
        border-radius: 35px;
        font-size: 12px;
    }

    .kaoshi-tiku {
        background: #fff;
    }

    .kaoshi-tiku-img {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }


    .kaoshi-tiku-content {
        width: 92%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        padding: 10px 0;
        border-bottom: solid 1px #f5f5f5;
    }

    .kaoshi-tiku-content-flex { 
        display: flex;
		padding:0 10px;
        justify-content: space-between;
        align-items: inherit;
    }

    .kaoshi-tiku-content .kaoshi-tiku-content-flex:first-child {
        padding-bottom: 6px;
    }

    .kaoshi-tiku-content .kaoshi-tiku-content-flex:last-child {
        font-size: 14px;
    }

    .kaoshi-tiku-content-top {
        display: flex;
        align-items: center;
        flex: 1;
        font-size: 16px;
    }

    .kaoshi-tiku-content-top img {
        width: 20px;
        height: 22px;
        margin-right: 10px;
    }

    .kaoshi-tiku-content-bottom {
        font-size: 13px;
        display: flex;
        align-items: center;
    }

    .kaoshi-tiku-content-flex .icon-dui2 {
        margin: 2px 2px 0 0;
        color: #3c7bfc;
    }
	.kaoshi-user-top-content-image {
	    width: 40px;
	    height: 40px;
	    border-radius: 50%;
	}
	.vip_view{
		 height:30px;
		 line-height:30px;
		 padding:0 10px;
		 font-size:14px;
		 background:rgba(255,255,255,0.5);
		 border-top-left-radius: 15px;
		 border-bottom-left-radius: 15px;
		 margin-top:5px;
		 color:#666;
		 position:relative;z-index:-1;right:-5px
	}
	/*弹窗*/
	.tan-mask {
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
	}

	.tan-modal {
		position: fixed;
		z-index: 999;
		width: 80%;
		max-width: 300px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: #fff;
		text-align: center;
		border-radius: 3px;
		overflow: hidden;
	}

	.tan-title {
		padding: 15px 0;
		border-bottom: solid 1px #f4f4f4;
	}

	.tan-title view {
		font-weight: 400;
		font-size: 17px;
		word-wrap: break-word;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.tan-content {
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
	}

	.exam-tan-content-flex {
		display: flex;
		width: 91%;
		margin: 0 auto;
		padding: 13px 0;
		border-bottom: solid 1px #f4f4f4;
	}

	.exam-tan-content-flex span {
		color: #767676;
		width: 42%;
		text-align: left;
	}

	.exam-tan-button {
		background: #3c7bfc;
		color: #fff;
		padding: 10px;
		margin: 15px 0;
		border-radius: 4px;
		font-size: 16px;
		display: block !important;
	}
	
	.uni-noticebar.data-v-7f016bdd{
		padding:0 !important
	}
	
	.kaoshi-head{
		background:#38a7f8;
		
	}
	.lz-top_view{
		background:#38a7f8;
	}
	
	
</style>
